@(username: String)

@main(username) {
    
    <div class="page-header">
        <h1>Poker</h1>
    </div>
    
    <div id="onError" class="alert-message error">
        <p>
            <strong>Oops!</strong> <span></span>
        </p>
    </div>
    
    <div id="onChat" class="row" >

    	<div class="span10" id="main">
     		<div id="messages"></div>          
   		</div>        
   		<input type="button" class="btn" id="start" value="Start">
   		<input type="button" class="btn" id="quit" value="Quit">
   		<input type="button" class="btn" id="options" value="Options">
    <div id="ramkaOpcji">
    	<input id="quantityofbots" placeholder="Quantity of bots"></input>  
    	<input id="quantityofhumans" placeholder="Quantity of humans"></input> 
    	<input id="startcash" placeholder="Start cash"></input>  
    	<input id="startbuyin" placeholder="Buy-in"></input>  
    	<input type="button" class="btn" id="apply" value="Apply">
    </div>
    </div>
        <div class="ramkaPuli" id="ramkaPuli">
		 <span >Pula:</span><span id="pula">0</span> <span >My cash:</span><span id="cash">0</span> <span >Last bet:</span><span id="lastbet">0</span>
    </div>
    <div class="heightOfBet" id="heightOfBet">
    	<input id="height" placeholder="Height of bet"></input>  
    	<input type="button" class="btn" id="ok" value="ok">
    </div>
   
    <div class="ramkaLicytacji" id="bettingFrame">
    	<input type="button" class="btn" id="check" value="Check">
    	<input type="button" class="btn" id="bet" value="Bet">
    	<input type="button" class="btn" id="raise" value="Raise">
    	<input type="button" class="btn" id="call"value="Call">
    	<input type="button" class="btn" id="fold" value="Fold">
    	<input type="button" class="btn" id="allin" value="All-in">
    </div>
    <div id="ramkaWymiany">
    	<form class="formularzWymiany">
    		<input class="WymianaCheckbox" type="checkbox" name="ck0" id="ck0" >
    		<input class="WymianaCheckbox" type="checkbox" name="ck1" id="ck1" >
    		<input class="WymianaCheckbox" type="checkbox" name="ck2" id="ck2" >
    		<input class="WymianaCheckbox" type="checkbox" name="ck3" id="ck3" >
    		<input class="WymianaCheckbox" type="checkbox" name="ck4" id="ck4" >
    		<input type="button" class="btn" id="wymien" value="Exchange">
    	</form>
    </div>
    <div class="ramkaKart">
    <div id="k0" class="card"></div>
    <div id="k1" class="card"></div>
    <div id="k2" class="card"></div>
    <div id="k3" class="card"></div>
    <div id="k4" class="card"></div>
    </div>
    <script type="text/javascript" charset="utf-8" src="@routes.Application.chatRoomJs(username)"></script>
    
}